﻿.wrap
{
    width:600px;
    margin:auto;
    
}

.content, .sidebar
{
    height:600px;
}
.content
{
   
    float:left;
    width:450px;
}

.sidebar
{
    
    float:left;
}

.sidebar ul
{
    padding-left:0;
    list-style:none;
   
}


body {
}

form li
{
    list-style:none;
    margin-bottom:20px;
}

form ul
{
    padding:0;
}
 
 
 label
 {
     display:block;
     cursor:pointer;
     color:black;
     font-family:sans-serif;
     padding-bottom:8px;
 }   
 
 textarea
 {
     width:400px;
     height:200px;
 }
 
.back-to-top {
	background-color: black;
    background-color: rgba(0, 0, 0,.75);
	bottom: 2em;
	color: white;
	display: inline-block;
	font-weight: bold;
	font-size: 11px;
	padding: .5em 1em;
	position: fixed;
	right: 2em;	
	text-transform: uppercase;
}

.back-to-top:hover {
		color: #69BBD2;
	}
	
	.header {
  background-color: #23262B;
  padding: 2em 5em;
	}
	
	h1 {
  color: white;
  font-weight: normal;}
  
  .footer
  {
  }
  
  .googleplus
 {
 	background-color: black;
	background-color: rgba(0, 0, 0, .75);
	bottom: 25em;
	color: white;
	display: inline-block;
	font-weight: bold;
	font-size: 11px;
	padding: .5em 1em;
	position: fixed;
	left: 2em;	
	text-transform: uppercase;
}

.googleplus:hover {
		color: #69BBD2;
	}
	
	
	 .facebook
 {
 	background-color: black;
	background-color: rgba(0, 0, 0, .75);
	bottom: 22em;
	color: white;
	display: inline-block;
	font-weight: bold;
	font-size: 11px;
	padding: .5em 1em;
	position: fixed;
	left: 2em;	
	text-transform: uppercase;
}

.facebook:hover {
		color: #69BBD2;
	}
	
	 .twitter
 {
 	background-color: black;
	background-color: rgba(0, 0, 0, .75);
	bottom: 19em;
	color: white;
	display: inline-block;
	font-weight: bold;
	font-size: 11px;
	padding: .5em 1em;
	position: fixed;
	left: 2em;	
	text-transform: uppercase;
}

.twitter:hover {
		color: #69BBD2;
	}

 .navigation {
  background-color: #FAFAFA;
  border-bottom: 1px solid #f2f2f3;
  overflow: hidden;
  padding: 1em 5em;
font-size: 90%; 
text-align:right;
}

.navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 1em;
}

.navigation li {
display: inline;
}

.navigation a:link, .navigation a:visited {
margin-right: 0.2em;
padding: 0.2em 0.6em 0.2em 0.6em;
color: white;
background-color: rgba(0, 0, 0, .75);
text-decoration: none;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171; 
} 
.navigation a:hover {
border-top: 1px solid #717171;
border-left: 1px solid #717171;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF; 
color: #69BBD2;
}






.footer {
  border-top: 1px solid #eaeaea;
  padding: 1em 5em;
  text-align:right;
}
